// import defaultConfig from 'tailwindcss/defaultConfig'

/** @type {import('@types/tailwindcss/tailwind-config').TailwindConfig} */
module.exports = {
  mode: 'jit',
  important: true,
  purge: [
    './components/**/*.{vue,js}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}',
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    screens: {
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1140px',
      '2xl': '1140px',
    },
    extend: {
      colors: {
        primary: '#0062FF',
        'main-title': '#333333',
        'main-content': '#888888',
        'main-tips': '#747474',
        'index-title': '#373C51',
        'index-link': '#646E91',
        'index-desc': '#888EA9',
        'index-tab': '#444451',
        'page-bgc': '#f7f7f7',
      },
      borderRadius: {
        'content-wrap': '10px',
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}
